<template>
  <div>
      <ul class="top_container">
          <li class="top_c_logo">
              <a href="/"><img class="logo" src="@/assets/image/logo.png" alt=""></a>
          </li>
          <li class="top_c_tic">
              <img src="@/assets/image/sologin.jpg" alt="">
          </li>
          <li class="top_c_info">
              <img src="@/assets/image/tel.png" alt=""><span>0514-5555666677</span>
          </li>
      </ul>
     
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .top_container{
        width: 1200px;
        height: 140px;
        background: #fff;
        display: flex;
        align-items: center;
    }
    .top_container>.top_c_tic{
        margin: 0 40px;
    }
    .top_container>.top_c_logo .logo{
        width: 200px;
        height: 80px;
    }
    .top_container>.top_c_info img{
        width: 30px;
        height: 30px;
    }
    .top_container>.top_c_info span{
        font-size: 24px;
        color: #2191F4;
        margin-left: 20px;
    }
    
</style>